/**
 * CSS for the film-strip like slider output.
 * Associated files:
 * - story_slider.js.
 */

.container {
  border: 10px solid gray;
  margin: 0 auto;
  overflow: hidden;
}

.slider {
  width: 10000px;
  -webkit-transition: margin-left 0.5s ease-in-out;
  -moz-transition: margin-left 0.5s ease-in-out;
  -o-transition: margin-left 0.5s ease-in-out;
  -ms-transition: margin-left 0.5s ease-in-out;
  transition: margin-left 0.5s ease-in-out;
}

.arrow {
  background-color: gray;
  vertical-align: middle ! important;
  text-align: center ! important;
}

.slider > .frame {
  margin: 0 ! important;
}

.slider-table {
  background-color: #CCC;
}

.thumbs {
  position: relative;
  float: left;
  overflow: hidden;
}
